<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:with="title='活动——' + ${iiActivity.title}">
    <th:block th:include="site/common::header(${title})" />
    <link rel="stylesheet" th:href="@{/site/css/share.min.css}">
</head>
<body>
    <!-- 头部 -->
    <th:block th:include="site/common::navigation" />
    <!-- 面包屑 -->
    <div class="breadcroumb-area ">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title text-center">
                        <h1>活动详情</h1>
                        <h5>
                            <a href="/">首页 </a><a href="/activity">/活动</a>/活动详情
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <main class="main-content">
        <div class="latest-news_area our-classes-list_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 order-1">
                        <div class="single-blog-wrap">
                            <img th:src="${iiActivity.cover}">
                            <h3>[[*{iiActivity.title}]]</h3>
                            <div class="blog-meta" style="text-align: left;margin: 20px 0;">
                                <span>
                                    活动时间：[[*{#dates.format(iiActivity.startTime, 'yyyy-MM-dd')}]] - [[*{#dates.format(iiActivity.endTime, 'yyyy-MM-dd')}]]
                                </span>
                                <span style="float: right; padding-right:20px">
                                    活动地点：[[*{iiActivity.place}]]
                                </span>
                            </div>
                            <div class="content" th:utext="${iiActivity.description}"></div>
                            <div class="blog-meta" style="text-align: left;margin: 20px 0;">
                                <a th:href="${iiActivity.link}" style="color: #28146b" target="_blank">前往报名</a>
                            </div>
                        </div>
                        <div class="social-share"></div>
                    </div>
                    <div class="col-lg-4 order-2">
                        <div class="sidebar-area event-sidebar_area">
                            <div class="widgets-area event-widgets_area">
                                <div class="inner-area">
                                    <h2 class="heading mb-0">热门活动</h2>
                                    <div class="widgets-item">
                                        <ul class="list-item_wrap" th:each="activity:${hotActivities}">
                                            <li>
                                                <ul class="list-item" style="margin: 20px 0;">
                                                    <li class="list-item_img mb-1">
                                                        <img th:src="${activity.cover}" th:alt="${activity.title}">
                                                    </li>
                                                    <li class="list-item_content">
                                                        <a class="entry-title" th:href="'/activity/' + ${activity.id}">[[*{activity.title}]]</a>
                                                        <span class="entry-view">[[*{activity.place}]]</span>
                                                        <span class="entry-view">[[*{#dates.format(activity.startTime, 'yyyy-MM-dd')}]]</span>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 底部 -->
    <th:block th:include="site/common::footer" />
</body>
<th:block th:include="site/common::js" />
<script th:src="@{/site/js/share.min.js}"></script>
</html>